<template>
    <view class="page">
            <view class="image-item" >
                <view class="image-content" @click="handleImageClick" >
                    <image src="/static/p2.png" mode="widthFix" ></image>
                </view>
            </view>
    </view>
</template>

<!-- <template>
	<view class="container">
		<!-- <view>
				<button @click="open">打开弹窗</button>
				<uni-popup ref="popup" type="center" background-color="#fff">底部弹出 Popup</uni-popup>
			</view> -->
			
			<!-- <button @click="open">打开弹窗</button>
			<uni-popup ref="popup" type="dialog">
				<uni-popup-dialog mode="input" message="成功消息" :duration="2000" :before-close="true" @close="close" @confirm="confirm"></uni-popup-dialog>
			</uni-popup>

		<view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		

	</view> -->
<!-- </template> --> -->

<script>
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui'
			}
		},
		methods: {
			 handleImageClick() {
			            // 方式1: 使用 navigateTo 跳转（推荐，可返回）
			            uni.navigateTo({
			                url: '/pages/index/get-location'
			            });
			            
			            // 方式2: 使用 redirectTo 跳转（关闭当前页，不可返回）
			            // uni.redirectTo({
			            //     url: '/pages/目标页面路径/目标页面'
			            // });
			            
			            // 方式3: 使用 switchTab 跳转（跳转到tabbar页面）
			            // uni.switchTab({
			            //     url: '/pages/tabBar/目标tab页面'
			            // });
			        },
		open(){
        // 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
			this.$refs.popup.open()
		},/**
		 * 点击取消按钮触发
		 * @param {Object} done
		 */
		close() {
			// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
			// ...
			this.$refs.popup.close()
		},
		/**
		 * 点击确认按钮触发
		 * @param {Object} done
		 * @param {Object} value
		 */
		confirm(value) {
			// 输入框的值
			console.log(value)
			// TODO 做一些其他的事情，手动执行 close 才会关闭对话框
			// ...
			this.$refs.popup.close()
		}
		}
	}
</script>

<style>
	.page {
	    width: 100vw;
	    height: 100vh;
	    margin: 0;
	    padding: 0;
	}
	
	.image-item {
	    width: 100%;
	    height: 100%;
	}
	
	.image-content {
	    width: 100%;
	    height: 100%;
	}
	
	.image-content image {
	    width: 100%;
	    height: 100%;
	    display: block;
	}
</style>
